<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="../../plugins/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../plugins/bootstrap-table/dist/bootstrap-table.min.css">
    <link rel="stylesheet" href="../../plugins/bootstrap-treeview/dist/css/bootstrap-treeview.min.css">
    <!-- Bootstrap Datetimepicker -->
    <link rel="stylesheet" href="../../plugins/bootstrap-datetimepicker/dist/css/bootstrap-datetimepicker.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="../../css/font-awesome.min.css">
    <link rel="stylesheet" href="../../plugins/jqgrid/ui.jqgrid-bootstrap.css">
    <link rel="stylesheet" href="../../plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../../css/main.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="../../css/AdminLTE.min.css">
    <link rel="stylesheet" href="../../plugins/jquery-treegrid/jquery.treegrid.min.css">
    <!-- Select2 -->
    <link rel="stylesheet" href="../../plugins/select2/select2.min.css">
    <!--<link rel="stylesheet" href="../../css/modules/project/newproject.css">-->
    <link rel="stylesheet" href="../../css/modules/project/projectentity.css">
    <style>
        .layui-layer-page .layui-layer-content {
            /*overflow: hidden;*/
        }

        /* 责任人弹框数据容器 高度：500-42-80 */
        .layui-layer-content .data-pane {
            /*height: 378px;*/
            overflow: auto;
        }

        .layui-layer-content .btn-pane {
            padding: 10px;
            /*position: absolute;*/
            /*width: 100%;*/
            /*margin-left: -20px;*/
            /*bottom: 17px;*/
            /*text-align: center;*/
        }

        .layer-content {
            padding-top: 20px;
            background-color: #fff;
            box-sizing: border-box;
        }

        .layer-inp-cell {
            margin-bottom: 10px;
            text-align: center;
        }

        .new-project-wrapper .form-control {
            background-color: #fff;
        }
        /*select2插件选中元素颜色*/
        .select2-container--default .select2-selection--multiple .select2-selection__choice {
            color: #333;
        }
    </style>
</head>
<body class="page-wrapper">
<div id="rrapp" class="new-project-wrapper" v-cloak style="min-width: 960px;">
    <div v-show="showList">
        <div class="row">
            <div class="col-xs-12">
                <div class="box box-primary">
                    <div class="box-body">
                        <div class="search-pane clearfix" style="margin-bottom: 12px;">
                            <label for="">
                                状态：
                                <select class="form-control status-search" v-model="searchOptions.projectStatus" name="" id="">
                                    <option :value="11">全部</option>
                                    <option :value="0">进行中</option>
                                    <option :value="1">已完成</option>
                                    <option :value="3">已终止</option>
                                </select>
                            </label>
                            <label for="">
                                电压类型：
                                <select class="form-control status-search" v-model="searchOptions.voltageType" name=""
                                        id="voltageType">
                                    <option :value="0">全部</option>
                                    <option :value="1">中压</option>
                                    <option :value="2">高压</option>
                                </select>
                            </label>
                            <label for="">
                                项目经理：
                                <select class="form-control manager-search" v-model="searchOptions.projectManager"
                                        name="" id="projectManager">
                                    <option v-for="(item,index) in projectManagerList" :value="item.id">
                                        {{item.text}}
                                    </option>
                                </select>
                            </label>
                            <label for="">
                                项目名称：
                                <input class="form-control name-search" v-model="searchOptions.projectName" type="text">
                            </label>
                            <label for="">
                                项目编号：
                                <input class="form-control name-search" v-model="searchOptions.projectNumber" type="text">
                            </label>
                            <label for="">
                                相关线路：
                                <input class="form-control name-search" v-model="searchOptions.relevantLinesName"
                                       type="text">
                            </label>
                            <label for="">
                                招标批次：
                                <input class="form-control name-search" v-model="searchOptions.tenderBatch"
                                       type="text">
                            </label>
                            <label for="">
                                报装单位：
                                <!--<select  class="form-control" multiple id="reportingUnit"
                                         v-model="searchOptions.applicantName"
                                         data-placeholder="施工单位"
                                         style="width: 100%;">
                                </select>-->
                                <select class="form-control" multiple="multiple" id="reportingUnit" v-model="searchOptions.applicantName" data-placeholder="报装单位">

                                </select>
                            </label>

                            <label for="">
                                施工单位单位：
                                <!--<select  class="form-control" multiple id="reportingUnit"
                                         v-model="searchOptions.applicantName"
                                         data-placeholder="施工单位"
                                         style="width: 100%;">
                                </select>-->
                                <select class="form-control" multiple="multiple" id="constructionUnit" v-model="searchOptions.constructionUnit" data-placeholder="施工单位">

                                </select>
                            </label>
                            <a v-if="hasPermission('generator:projectentity:list')" class="btn btn-primary" @click="query"><i class="fa fa-search"></i>&nbsp;查询</a>&nbsp;&nbsp;
                            <a v-if="hasPermission('generator:projectentity:list')" class="btn btn-primary"
                               @click="exportXls">&nbsp;导出</a>
                        </div>

                        <table id="jqGrid"></table>
                        <div id="jqGridPager"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../../plugins/bootstrap-table/dist/bootstrap-table.js"></script>
<script src="../../plugins/bootstrap-table/dist/extensions/treegrid/bootstrap-table-treegrid.min.js"></script>
<script src="../../plugins/bootstrap-treeview/dist/js/bootstrap-treeview.min.js"></script>
<script src="../../plugins/bootstrap-datetimepicker/dist/js/bootstrap-datetimepicker.min.js"></script>
<script src="../../plugins/bootstrap-datetimepicker/dist/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="../../plugins/bootstrap-validator/dist/js/bootstrapValidator.min.js"></script>
<script src="../../libs/jquery.min.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<script src="../../libs/bootstrap.min.js"></script>
<script src="../../libs/vue.min.js"></script>
<script src="../../plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../../plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../plugins/select2/select2.min.js"></script>
<script src="../../js/modules/project/projectReceiving.js"></script>
</body>
</html>